<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <head>
        <title th:text="${pageTitle}"></title>
        <div data-th-replace="layout/head-top"></div>
    </head>

    <body class="gray-bg">
        <div class="wrapper wrapper-content animated fadeInLeft">
            <div data-th-replace="common/functionDepict"></div>
            <div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <div class="row">
                            <div class="col-sm-5">
                                <h5>
                                    <a th:href="@{/admin/agent/settlement/queryAgentSettlementList}">
                                        <span>
                                            <button class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新结算申请列表">
                                                <i class="fa fa-refresh"></i> 刷新
                                            </button>
                                        </span>
                                    </a>
                                    <small>（共<span id="count"></span>条结算记录）</small>
                                </h5>
                            </div>
                            <div class="col-sm-3">
                                <form id="search-form" class="search-form">
                                    <div class="input-group opSearchBox">
                                        <input placeholder="请输入关键字，针对推广员名称" class="input-sm form-control vam common-search-word" type="text" name="agentUserName"/>
                                        <span class="input-group-btn"><button id="btn1" type="button" class="btn btn-sm btn-primary vam">搜索</button></span>
                                    </div>
                                </form>
                            </div>
                            <div class="col-sm-4 text-center">
                                <a href="javascript:void(0);" id="advSearchshowBtn" class="vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="oc-advSearch-box">
                        <div class="row">
                            <div class="col-sm-2">
                                <div class="pt10">
                                    <div class="checkbox i-checks">
                                        <button type="button" id="export" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="导出数据表"><i class="fa fa-arrow-down"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-10">
                                <div class="pt10">
                                    <form role="form" class="form-inline search-form">
                                        <div class="form-group" style="margin-bottom: 10px">
                                            <input placeholder=" 结算申请开始时间" readonly id="beginTime" name="beginTime" class="laydate-icon form-control layer-date" type="text"/>
                                            <input placeholder=" 结算申请结束时间" readonly id="overTime" name="overTime" class="laydate-icon form-control layer-date" type="text"/>
                                        </div>
                                        <div class="checkbox i-checks">
                                            <select class="form-control mb10" name="userType">
                                                <option value="">推广员类型</option>
                                                <option value="1">一级推广员</option>
                                                <option value="2">二级推广员</option>
                                            </select>
                                        </div>
                                        <div class="checkbox i-checks">
                                            <select class="form-control mb10" name="accountType">
                                                <option value="">提现方式</option>
                                                <option value="1">微信</option>
                                                <option value="2">支付宝</option>
                                            </select>
                                        </div>
                                        <div class="checkbox i-checks">
                                            <select class="form-control mb10" name="status">
                                                <option value="">结算状态</option>
                                                <option value="1">未结算</option>
                                                <option value="2">已结算</option>
                                            </select>
                                        </div>
                                        <div class="form-group form-box" style="margin-bottom: 10px">
                                            <label class="sr-only">推广员名称</label>
                                            <input placeholder="请输入关键字，针对推广员名称" class="form-control common-search-word" type="email" style="width: 300px;"/>
                                        </div>
                                        <button id="btn2" class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px">搜索</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="oc-ibox-content" id="settlement-list-context">

                    </div>
                </div>
            </div>
        </div>
        <div data-th-replace="layout/head-footer"></div>
        <script type="text/javascript" th:src="@{{path}/admin/libs/plugins/layer/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}"></script>
        <script type="text/javascript" th:src="@{{path}/admin/business/agent/settlement/agent-settlement-list.js?v={v}(path=${staticPath},v=${v})}"></script>
    </body>
</html>